<!DOCTYPE HTML>
<html>
<body>
<script src="../resources/js-test.js"></script>
<div>
  <input id="text1" type="text" required value="Value">
  <input id="text2" type="text" aria-required="true">
  <input id="text3" type="text" aria-required="false">
  <input id="text4" type="text" required aria-required="false">
  <input id="text5" type="text" value="Value">
</div>
<div id="console"></div>
<script>
description("This tests required and aria-required on input type.");

if (window.accessibilityController) {
    var input1 = accessibilityController.accessibleElementById("text1");
    shouldBe("input1.isRequired", "true");

    var input2 = accessibilityController.accessibleElementById("text2");
    shouldBe("input2.isRequired", "true");

    var input3 = accessibilityController.accessibleElementById("text3");
    shouldBe("input3.isRequired", "false");

    var input4 = accessibilityController.accessibleElementById("text4");
    shouldBe("input4.isRequired", "true");

    var input5 = accessibilityController.accessibleElementById("text5");
    shouldBe("input5.isRequired", "false");

    document.querySelector("div").remove();
}
</script>

</body>
</html>
